<template>
	<div class="info">
		<span class="account">
			账号信息
		</span>
			<button class="update" active-class='change' @click="flag=!flag">{{update}}</button>
			<div class="line-box" style="border: #000000 1px solid;"></div>
		<div class="wait_update" v-show="flag">
			<p><span style="padding-right: 80px;">昵称</span><span>{{user}}</span></p>
			<p><span>简介</span><i class="el-icon-edit" @click="flag=!flag">{{short_self}}</i></p>
			<p><span>姓名</span><i class="el-icon-edit" @click="flag=!flag">{{name}}</i></p>
			<p><span>性别</span><i class="el-icon-edit" @click="flag=!flag">{{sex}}</i></p>
		</div>
		<div class="update" v-show="!flag">
			222
		</div>
	</div>
</template>

<script>
	export default{
		name:'info',
		data:function(){
			return {
				update:'修改信息',
				flag:true,
				user:'博伦',
				short_self:'马上填写',
				name:'马上填写',
				sex:'马上填写'
			}
		},
		methods:{
			
		},
		
	}
</script>

<style scoped>
	i{
		cursor: pointer;
		text-indent: 30px;
	}
	.el-icon-edit{
		color: rgb(42,130,228);
	}
	p{
		text-align: left;
	}
</style>
